iT邦幫忙

0

11.Bootstrap(中文教程)元件:麵包屑

  • 分享至 

  • xImage
  •  

ㄧ.麵包屑

<div class="conponent" id="demo">
 <nav>
  <ol class="breadcrumb">
   <li class="breadcrumb-item"><a href="#">首頁</a></li>
   <li class="breadcrumb-item"><a href="#">課程</a></li>
   <li class="breadcrumb-item active">bootstrap4</li>
  </ol>
 </nav>
</div>

.component.demo{
 padding: 50px;
}

重點:
1.在ol的class屬性設一個breadcrumb,接著li的class屬性為breadcrumb-item
2.active為這一頁的內容
3.另外補充/是從li的偽元素before的content寫入的,可以試著更改#

codepen
參考:bootstrap4


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
PPTaiwan
iT邦好手 1 級 ‧ 2020-04-14 11:34:49

Sorry,好幾個禮拜前不小心刪掉。你可以照上面的程式碼做做看...
有什建議可以留言一下,感恩...

我要留言

立即登入留言